
<ng-container *ngFor="let item of items; let i = index;let isFirst = first; let isEnd = last; let isEven = even;let isOdd = odd;trackBy: trackByFn">
  <div>
    index: {{i}} <br>
    item: {{item}} <br>
    是否first  {{isFirst}}<br>
    是否end  {{isEnd}}<br>
    是否even  {{isEven}}<br>
    是否odd  {{isOdd}}<br>
  </div>
</ng-container>

<h1>outer: {{count.count}} <button (click)="count.add()">click</button></h1>
<form [formGroup]="helloForm">
  <app-count formControlName="count"></app-count>
</form>
<el-input  [minlength]="2" [autofocus]="true" icon="search" >
  <ng-template #prepend>
    <span>Http://</span>
  </ng-template>
  <ng-template #append>
    <span>.com</span>
  </ng-template>
</el-input>
{{text}}
<app-custom-input [(model)]="text" [minlength]="2" (blur)="focus($event)" (focus)="focus($event)">
  <ng-template #prepend>
    <span>Http://</span>
  </ng-template>
  <ng-template #append>
    <span>.com</span>
  </ng-template>
</app-custom-input>
<p>1</p>
<el-upload class="avatar-uploader"
  [file-list]="fileList"
  action="https://jsonplaceholder.typicode.com/posts/"
  
  [drag]="true"
  [multiple]="true"
  list-type="picture">
  <ng-template #trigger>
    <el-button size="small" type="primary">点击上传</el-button>
  </ng-template>
</el-upload>
<app-custom-upload></app-custom-upload>
<router-outlet></router-outlet>